
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background-color: #c5d3f0;
}

.section0{
	background: url(../images/section0bg.jpg);
	background-size: cover;
	perspective: 1000px;
	overflow: hidden;
	.main{
		position: absolute;
		width: 1200px;
		height: 600px;
		// background-color: rgba(131, 214, 124,.4);
		bottom: 0;
		left: 0;
		h1{
			position: absolute;
			color: #fed;
			font-style: italic;
			font-size: 80px;
			right: 150px;
			top: 10px;
		}
		p{
			position: absolute;
			color: #fed;
			font-size: 50px;
			right: 170px;
			top: 180px;
		}
		button{
			position: absolute;
			right: 300px;
			bottom: 200px;
			width: 170px;
			height: 60px;
			font-size: 30px;
			line-height: 60px;
			background-color: rgb(158, 119, 119);
			color: rgb(236, 229, 229);
			border-style: none;
			border-radius: 10px;
		}
	}
	.video{
		position: absolute;
		width: 1500px;
		height: 780px;
		// background-color: #fff;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%) translateZ(1100px) ;
		transition: all 2s;
	}
}
.comein .video {
	transform: translateX(-50%)  translateZ(0px);
}



.section1{
	background:  url(../images/section1bg.png) no-repeat;
	background-size: cover;
	.title{
		position: absolute;
		bottom: 500px;
		left: 30px;
		// background-color: #fff;
		width: 1000px;
		height: 250px;
		h1{
			font-size: 80px;
		}
		p{
			font-size: 40px;
		}
	}
	.theme{
        position: absolute;
        bottom: 20px;
		display: flex;
		// background-color: red;
        width: 100%;
        height: 450px;
        .object{
            background-color: #fff;
			margin: 0 10px;
            flex: 1;
		}
    }
}
.section2{
	background: #84a2d4 url(../images/section2bg.png) no-repeat center bottom;
	.title{
		background-color: #fff;
		width: 800px;
		height: 200px;
		text-align: center;
		position: absolute;
		bottom: 525px;
		left: 50%;
		transform: translateX(-50%);
	}
	.computer{
		position: absolute;
		left: 50%;
		bottom: 155px;
		transform: translateX(-50%);
		background-color: pink;
		width: 581px;
		height: 340px;
	}
}
.section3 {
	background:url(../images/section3bg.png) no-repeat center bottom;
	background-size: cover;
	.theme{
		background-color: #fff;
		position: absolute;
		display: flex;
		flex-direction: column;
		bottom: 10px;
		left: 10px;
		width: 700px;
		height: 800px;
		.object{
			background-color: pink;
			flex: 1;
			margin: 10px 0;
		}
	}
}
.section4 {
	background: #fed url(../images/section4bg.png) no-repeat center bottom;

}
.section5 {
	background: #d04759 url(../images/section5bg.png);
	
}

.section6 {
	background: #84d9ed url(../images/section6bg.png) no-repeat 25% 100%;
}

.section7 {
	background: #8ac060 url(../images/section7bg.jpg) no-repeat ;
	background-size: cover;
}

.section8 {
	background: #8ac060 url(../images/section8bg.png);
}